<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <link rel="stylesheet" href="../../css/aui.css">
	    <link rel="stylesheet" href="../../css/huabaojilu.css">
	    <link rel="stylesheet" href="../../css/pulice.css">
	    <script src="../../js/api.js"></script>
	    <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="../../js/vue.min.js"></script>
	    <script src="../../js/vue-resource.min.js"></script>
	    <script src="../../js/aui-toast.js"></script>
	    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
	    <title>华宝记录</title>
	    <script type="text/javascript">
	    	setToken();
	    	$(function(){
	    		var app = new Vue({
	                el: '#box',
	                data: {
	                    HuaBao : {},//我的华宝
	                },
	                mounted:function(){
	                	this.$nextTick(function(){
	                		this.myHuaBao();
	                	})
	                },
	                methods:{
	                	myHuaBao : function(){
	                		this.$http.get(SURL+"app/account/huaBaoList").then(function(res){
		                   			console.log(res.body.data)
		                   			this.HuaBao = res.body.data;
		                		}).catch(function(req){
	                			
	                		});
	                	},
	                	
	                }
	            });
            
	    		$('.hm-bar').load('../../data/headerOther.html',function (data) {
	                $(this).find('.head-main').text('华宝记录');
	                $(this).find('.hm-bar-box').css('position','static');
	                $(this).find('.head-left').on('tap',function () {
	                    window.history.back();
	                })
	            });
	    	})
	    	
	    </script>
	</head>
	<body>
		<div class="hm-bar"></div>
		<div id="box">
			
			<!--身体-->
			<div class="WD-shenti">
				
				
				<div class="WD-nav">
					
					
					
					
					<div class="WD-info flex" v-for="(v,i) in HuaBao">
						<div class="lmLogo flex ar">
							<p class="p1">订单号:<span>{{v.orderNo}}</span></p>
							<p class="p2">{{v.createTime}}</p>
						</div>
						
						<div class="lmLogoa flex ar" :class="{'orange-color ': v.kaiyuanType > 0,'green-color': v.kaiyuanType < 0}">
							<p class="p1">{{v.type}}</p>
							<p class="p2" v-if="v.kaiyuanType == 1">+{{v.kaiyuan}}</p>
							<p class="p2" v-if="v.kaiyuanType == -1">-{{v.kaiyuan}}</p>
						</div>
					</div>
					
				</div>
				
				
				<div class="No-more-data">
					- 无更多数据  -
				</div>
				
			</div>
			
		</div>	
		
	</body>
</html>
